function component

code:jsx

function Welcome(props) {

return <h1>Hello, {props.name}</h1>;

}

propsを受け取ってReact Element を返す

ただのJSの関数(function)だから、function component

大抵functional componentって呼ばれてる気がするけど、React公式のドキュメントには"function component"って書いてある

TypeScriptで書く場合

code:ts

const Welcome: React.FC<IProps> = (props) => {

return <h1>Hello, {props.name}</h1>;

}

型としてはReact.FCを使える

ジェネリクスにPropsのInterfaceを渡せる